<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var username="alice";//全局变量
        function f1(){
            var age=30;//局部变量
            console.log("全局变量："+username);
            console.log("局部变量："+age);
            function f2(){
                var sex="男";//局部变量
                console.log("全局变量；"+username);
                console.log("局部变量："+age);
                console.log("局部变量："+sex);
                function f3(){
                    console.log("全局变量；"+username);
                    console.log("局部变量："+age);
                    console.log("局部变量："+sex);
                }
                f3();
            }
            f2();

            // console.log(sex);//无法访问
        }
        f1();

        console.log("ES5中无块级作用域的");
        for(var i=1;i<=10;i++){
            var b=i;
        }
        console.log(b);

        console.log("变量提升");
        console.log(c);
        var c="嘿嘿";

        console.log("创建函数的两种方式；");
        console.log("方式一；");
        //函数声明
        function f4(){
            console.log("我是函数f4");
        }
        f4();
        console.log("方式二：");
        //函数表达式
        f5();
        var f5=function(){
            console.log("我是函数f5");
        };
       

    </script>
</head>
<body>
    
</body>
</html>